<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
	<head>

		<title>Vinaora Cu3er 3D Slideshow</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="author" content="vinaora" />

		<link rel="stylesheet" href="../system/css/modal.css" type="text/css" /> 
		<link rel="stylesheet" href="../../administrator/templates/system/css/system.css" type="text/css" /> 
		<link rel="stylesheet" href="../../administrator/templates/bluestork/css/template.css" type="text/css" /> 

		<script src="../system/js/mootools-core.js" type="text/javascript"></script> 
		<script src="../system/js/modal.js" type="text/javascript"></script>
		<script type="text/javascript">
			window.addEvent('domready', function() {
	 
				SqueezeBox.initialize({});
				SqueezeBox.assign($$('a.modal'), {
					parse: 'rel'
				});
			});
		</script>

	</head>
	<body>
		<h3>Image and Transition Parameters</h3>
		<p><a href="../mod_vinaora_cu3er_3d_slideshow/images/docs/image_parameters.png" target="_blank" class="modal"><img style="border: solid 5px #ccc;" src="../mod_vinaora_cu3er_3d_slideshow/images/docs/image_parameters.png" alt="Image Parameters" width="300" /></a></p>
		<p><a href="../mod_vinaora_cu3er_3d_slideshow/images/docs/transition_parameters.png" target="_blank" class="modal"><img style="border: solid 5px #ccc;" src="../mod_vinaora_cu3er_3d_slideshow/images/docs/transition_parameters.png" alt="Transition Parameters" width="300" /></a></p>
		<hr />
		<h3>User Interface</h3>
		<p>User Interface enhances overall viewing experience enabling the user to get useful information (such as slide description or progress information while loading files) and to interact with the CU3ER (navigating trough slides or pausing the slideshow)</p>
		<p><a href="../mod_vinaora_cu3er_3d_slideshow/images/docs/cu3er_overview.gif" target="_blank" class="modal"><img style="border: solid 5px #ccc;" src="../mod_vinaora_cu3er_3d_slideshow/images/docs/cu3er_overview.gif" alt="User Interface" width="300" /></a></p>
		<h3>General Settings</h3>
		<p>"Slide panel" is your image/transition display area inside the CU3ER .swf file. Set your slide panel dimensions. Make sure they fit your image dimensions. Then align the 'panel' relative to the CU3ER stage. See the image below for possible align states:</p>
		<p><a href="../mod_vinaora_cu3er_3d_slideshow/images/docs/general_aligment_settings.gif" target="_blank" class="modal"><img style="border: solid 5px #ccc;" src="../mod_vinaora_cu3er_3d_slideshow/images/docs/general_aligment_settings.gif" alt="General Settings" width="300" /></a></p>
		<h3>Transition Settings</h3>
		<p>3D Transitions represent the core feature of the CU3ER. They are powerful, visually appealing yet very easy to set up. You can define your transition template and then override it with custom settings for each transition, if needed - by doing it this way you don't have to define each property over and over again, the CU3ER allows you to alter all you want once including the other attributes automatically.</p>
		<p><a href="../mod_vinaora_cu3er_3d_slideshow/images/docs/slicing_direction.jpg" target="_blank" class="modal"><img style="border: solid 5px #ccc;" src="../mod_vinaora_cu3er_3d_slideshow/images/docs/slicing_direction.jpg" alt="Transition Settings" width="300" /></a></p>
		<h3>Button Settings</h3>
		<p>Navigation buttons, represented as graphic shapes, are used for navigation through slides. Include the node in order to display 'previous' or 'next' navigation button in the CU3ER. By clicking this button, you'll instruct the CU3ER to perform 3D transition and to show the previous defined slide in XML. Please take a look at following picture displaying possible scenarios for previous (navigation) button graphics with various round_corners settings:</p>
		<p><a href="../mod_vinaora_cu3er_3d_slideshow/images/docs/navigation_buttons.gif" target="_blank" class="modal"><img style="border: solid 5px #ccc;" src="../mod_vinaora_cu3er_3d_slideshow/images/docs/navigation_buttons.gif" alt="Navigation Settings" width="300" /></a></p>
		<h3>Symbol Settings</h3>
		<p>Having navigation buttons (prev/next) only, which are represented as simple graphic shapes, may not always be enough to provide the best viewing experience. In order to improve the navigation and enrich the slide viewing, a range of navigation symbols is supporting the navigation buttons. Their visual information is represented by 10 different arrow symbols that are telling the user very clearly which action they are able to perform.</p>
		<p>There are 10 navigation symbols available:</p>
		<p><a href="../mod_vinaora_cu3er_3d_slideshow/images/docs/navigation_symbols.gif" target="_blank" class="modal"><img style="border: solid 5px #ccc;" src="../mod_vinaora_cu3er_3d_slideshow/images/docs/navigation_symbols.gif" alt="Symbol Settings" width="300" /></a></p>
	</body>
</html>
